<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http:dragonsoftbravo.com/cust_tag.tld" prefix="page"%>

<%
	String path = request.getContextPath();
	request.setAttribute("path", path);
%>

<link rel="stylesheet" href="${path}/res/css/bootstrap.min.css" />
<link rel="stylesheet" href="${path}/res/css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="${path}/res/css/matrix-style.css" />
<link rel="stylesheet" href="${path}/res/css/matrix-media.css" />
<link rel="stylesheet" href="${path}/res/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="${path}/res/css/jquery.gritter.css" />
<link rel="stylesheet" href="${path}/res/css/select2.css" />
<link rel="stylesheet" href="${path}/res/css/uniform.css" />

<script src="${path}/res/js/jquery.min.js"></script>
<script src="${path}/res/js/bootstrap.min.js"></script>
<script src="${path}/res/js/excanvas.min.js"></script>
<script src="${path}/res/js/jquery-ui.min.js"></script>
<script src="${path}/res/js/jquery.flot.min.js"></script>
<script src="${path}/res/js/jquery.flot.resize.min.js"></script>
<script src="${path}/res/js/jquery.peity.min.js"></script>
<script src="${path}/res/js/matrix.js"></script>
<script src="${path}/res/js/jquery.gritter.min.js"></script>
<script src="${path}/res/js/jquery.validate.js"></script>
<script src="${path}/res/js/jquery.uniform.js"></script>
<script src="${path}/res/js/select2.min.js"></script>
<script src="${path}/res/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="${path}/res/js/jquery.blockUI.js"></script>
<script type="text/javascript" src="${path}/res/js/jquery.form.js"></script>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http:dragonsoftbravo.com/cust_tag.tld" prefix="page"%>
<script>
	
	$(function(){
		$("#delete").click(function(){
			$.blockUI();
			$.post("${path}/alphacafe/executedelete", $("#dataform").serialize(), function(data){
				alert(data);
				$.unblockUI();
			});
		});
	});
	
	
</script>


<body style="background:white">
	<form id="dataform" action="" method="post" style="margin-top:50px;margin-left:50px;">
		<div class="">
			<label>User Name:</label><input type="text"  class="" name="username" value=""/>
		</div>
		<div class="">
			<label>Passwrod:</label><input type="password"  class="" name="password" value="" />
		</div>
		<div class="">
			<label>Image Url:</label><input type="text"  class="" name="url" value="" />
		</div>
		<div class="">
			<input type="button" id="delete" class="" value="delete"/>
		</div>
</form>
</body>